<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="../dist/css/register.css">
    <link rel="shortcut icon" href="../static/images/favicon.ico" type="/image/x-icon">
</head>
<body>
    <header class="header-box">
        <div class="container">
            <a class="logo" href="/"></a>
        </div>
        <div class="bg"></div>
    </header>
    <section class="container">
        <aside class="register-box">
            <div class="register-title">
                <span class="name">注册</span>
                <div class="right-text">已是会员，去<a href="/Customer/UserLogin"> 登录&gt;</a></div>
            </div>
            
            <ul class="from-group-ul">
                <li class="list">
                    <div class="from-div-list ok" style="">
                        <label class="label-text">用 户 名</label>
                        <input class="input-text" placeholder="五个数字就行" id="uname" maxlength="11" type="text">
                        
                        <i class="icon-ok"></i>
                    </div>
                    <span id="tt">对了</span>
                    <div class="info" id="PhoneInfo" style="display: none;">用户名很重要，它可以用来登录和找回密码哦</div>
                </li>
                <li class="list">
                    <div class="from-div-list ok" style="">
                        <label class="label-text">昵 称</label>
                        <input class="input-text" placeholder="同上" id="niname" maxlength="11" type="text">
                        <i class="icon-ok"></i>
                    </div>
                    <span id="tt">对了</span>
                    <div class="info" id="PhoneInfo" style="display: none;"></div>
                </li>
                <li class="list ">
                    <div class="from-div-list">
                        <label class="label-text">设置密码</label>
                        <input class="input-text" placeholder="同上" maxlength="20" id="pwd" type="password">
                        <i class="icon-ok"></i>
                    </div>
                    <span id="tt">对了</span>
                    <div class="info"></div>
                     
                    <!-- info-password q =>强; info-password z =>中; info-password l =>低; -->
                </li>
                <li class="list ok">
                    <div class="from-div-list">
                        <label class="label-text">确认密码</label>
                        <input class="input-text" placeholder="请再输入密码" id="password" maxlength="20" type="password">
                        <i class="icon-ok" id="oks" style="display:none"></i>
                    </div>
                    <span id="tt">对了</span>
                    <div class="info" style="display: none;">两次密码输入不一致</div>
                </li>
            </ul>
            <p class="check-p"><label class="label-text"><input type="checkbox" checked="checked" id="ck">我已经认证阅读<a href="/help/Agreement">《用户服务协议》</a> ，并完全同意协议中的所有条款。</label></p>
            <a class="user-default-btn" href="javascript:void(0);" >立即注册</a>
        </aside>
    </section>
    <script src="../static/javascripts/jQuery.js"></script>
    
    <script src="../src/javascripts/register.js"></script>
</body>
</html>